<div class="login-form-div">
  <div class="login-form">
    <div class="title-div">
        <h1 nz-typography>A lot of thing in <span>BARN</span></h1>
    </div>
    <div class="login-form-div-holder">

        <form nz-form [formGroup]="userForm" (ngSubmit)="doLogin()">
            <nz-form-item>
                <h3 nz-typography>登录</h3>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control nzErrorTip="Please input your account!" >
                    <nz-input-group nzPrefixIcon="user">
                        <input type="text" nz-input formControlName="account" placeholder="Account"/>
                    </nz-input-group>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control nzErrorTip="Please input your Password!">
                    <nz-input-group nzPrefixIcon="lock">
                        <input type="password" nz-input formControlName="password" placeholder="Password"/>
                    </nz-input-group>
                </nz-form-control>
            </nz-form-item>
            <button [nzLoading]="loading"  nz-button [nzType]="'primary'">Log in</button>
        </form>
    </div>
  </div>
</div>
